{/* LAYOUT模板 */}
<layout name="login_layout"/>
{/* LAYOUT模板 */}
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css">
<css href="__CSS__/jquery-ui.css"/>
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="__JS__/core/jquery-ui.1.10.4.js"></script>
<script src="__JS__/core/plugins.js"></script>

<div class="space100"></div>
<div style="border-top:1px solid #E0E0E0;width:100%;"></div>
<div id="loading"></div>

<style>
.complete-input-wrap{width:1200px;margin:auto;}
.user-message-wrap{}
.user-message-wrap .user-message{width:80%;margin:auto;border:3px solid #00CBFE;margin-top:40px;}
.user-message .detail{width:70%;float:right;margin:20px 0px 20px 0px;color:#404040;line-height:30px;}
.user-message-wrap .form-wrap{width:80%;margin:auto;}
.button-wrap a{color:dodgerblue;text-decoration:underline;}
.button-wrap a:hover{color:red;}
</style>

<div class="complete-input-wrap">
	<div class="user-message-wrap">
		<div class="form-wrap" >
			<form class="form-inline" style="width:50%;margin:auto; margin-top:20px;">
			  <div class="space30"></div>
			  <h4 style="">查询你订单的详细内容</h4>
			  <div class="space20"></div>
			  <div class="form-group">
				<input type="email" name="order_sn" class="form-control" id="order_sn" placeholder="请输入订单号" style="width:300px;">
			  </div>
			  <button type="button" class="btn btn-success">马上查询</button>
			</form>
		</div>
	</div>
	<div class="query-result-list" style="width:80%;margin:auto;">
		<div class="space30"></div>
		<div style="background:#00A1E9;height:2px;"></div>
		<div class="result-list">
			<div style="color:#adadad;font-size:20px;text-align:center;margin-top:50px;">
				暂无查询结果!^_^
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$('.btn-success').click(function(){
		var order_sn = $('#order_sn').val();
		$.ajax({
			url:"{:U('pass/express_query')}",
			dataType:'json',
			type:'post',
			data:{order_sn:order_sn},
			boforeSend:function(){
				//add code here
			},
			success:function(msg){
				$('.result-list').html('').html(msg.info);
			}
		});
	});
});
</script>






